<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				width: 100%;
				height: 150px;
			}
			div:first-child{
				background: #FFC0CB;
				/* position: static;静态定位
				top: 15px;
				left: 12px;偏移量无效 */
				/* position: fixed;固定位置 占据位置 不脱流 相对于浏览器页面进行定位
				top: 0; */
			}
			div:nth-child(2){
				background: #0000FF;
				/* position: relative;相对定位,占据位置,不脱离标准流,相对于自身进行定位
				top: 15px;
				left: 25px; */
			/* 	position: absolute;绝对定位,不占据位置,不脱离标准流,对最近的父元素进行定位
				top: 15px;
				left: 25px; */ 
				/* position: sticky;粘贴性定位, 
				top: 0; */
			}
			div:nth-child(3){
				background: #00FFFF;
			}
		</style>
	</head>
	<body>
		<div></div>
		<div></div>
		<div></div>
	</body>
</html>
